<template>
  <ul id="tab-bar">
        <slot></slot>
  </ul>
</template>

<script>
export default {
  name: 'Tabbar',
  components: { },
  directives: {  },
  data() {
    return {
      
    };
  },
  mounted() {
    
  },
  methods: {
    
  },
};
</script>

<style>
#tab-bar{
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  background: #f6f6f6;
  position: fixed;
  left:0;
  bottom:0;
  right:0;
  box-shadow: 0 -1px 2px rgba(100,100,100,0.4);
}
</style>
